// 自定义全局滚动条样式
@media (pointer: fine) {
  *::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgb(133 133 133 / 20%);
  }

  *::-webkit-scrollbar-thumb:hover {
    background-color: rgb(133 133 133 / 60%);
  }

  *::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: transparent;
  }

  *::-webkit-scrollbar-corner {
    background-color: transparent;
  }

  /* 不支持`::-webkit-scrollbar-*`的浏览器 */
  @supports not selector(::-webkit-scrollbar) {
    * {
      scrollbar-color: rgb(0 0 0 / 50%) transparent;
      scrollbar-width: thin;
    }
  }
}

// 页面跳转进度条
#nprogress {
  --antd-colorPrimary: theme('colors.brand.DEFAULT');

  .bar {
    height: 4px !important;
  }
}

/** TODO 临时解决图标不显示的问题(优先级太高，还是要找到图标size失效的原因) */
i[class*='i-shared'],
i[class*='i-local'] {
  width: 1em;
  height: 1em;
}

table {
  th,
  td {
    --uno: 'py-3 text-sm';
  }

  td {
    border-bottom: 1px solid #26272e;
  }

  th {
    --uno: 'text-sys-text-body';
  }
}

a {
  color: theme('colors.yellow.5');
  cursor: pointer;
}

.invitetion-spin-card {
  background: linear-gradient(107deg, rgba(0, 0, 0, 0) 68.3%, rgba(244, 63, 94, 0.2) 96.98%),
  linear-gradient(107deg, rgba(0, 0, 0, 0) 15.67%, rgba(0, 0, 0, 0.2) 55.58%, rgba(244, 63, 94, 0.2) 77.55%),
  radial-gradient(
                  242.81% 88.53% at 3.42% 0%,
                  rgba(244, 63, 94, 0.2) 0%,
                  var(--sys-layer-c, rgba(29, 30, 36, 0.2)) 100%
  ),
  radial-gradient(110.89% 110.89% at 50% -10.89%, rgba(244, 63, 94, 0.2) 0%, rgba(244, 63, 94, 0) 100%),
  var(--sys-layer-a, #131416);
}